<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>editnote</title>
    <!--bootstrap-->
    <link rel="stylesheet"
          href="websrc/bootstrap-3.3.7-dist/css/bootstrap.css">
    <!--自己的-->
    <link rel="stylesheet"
          href="websrc/css/editnote.css">
    <link rel="stylesheet"
          href="websrc/css/common.css">
</head>
<body>
    <div id="editNoteHBox" style="">
        <div class="row">
            <div class="col-lg-4">
                <!--标题-->
                <h2>编辑笔记</h2>
            </div><!--end/.col-lg-4-->
            <div class="col-lg-2">
            </div><!--end/.col-lg-2-->
            <div class="col-lg-3 myline">
                <div class="input-group">
                    <span class="input-group-addon" id="sizing-addon3">笔记类型</span>
                    <div class="input-group-btn" aria-describedby="sizing-addon3">
                        <button id="knowledgeType" type="button"
                                class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                            节点<span class="caret" style="margin-left:0.5em"></span>
                        </button>
                        <ul class="dropdown-menu" id="knowledgeTypeList">
                            <li><a href="javascript:changeDropDownBtnValue('节点','knowledgeType',1)">节点</a></li>
                            <li><a href="javascript:changeDropDownBtnValue('母集','knowledgeType',2)">母集</a></li>
                            <li><a href="javascript:changeDropDownBtnValue('序列','knowledgeType',3)">序列</a></li>
                            <li><a href="javascript:changeDropDownBtnValue('有向图','knowledgeType',4)">有向图</a></li>
                        </ul>
                    </div>
                    <!-- /btn-group -->
                </div>
            </div><!--/col-lg-4-->
            <div class="col-lg-3 myline">
                <div class="input-group">
                    <span class="input-group-addon" id="sizing-addon3"> 牌 组 </span>
                    <div class="input-group-btn" aria-describedby="sizing-addon3">
                        <button id="knowledgeType" type="button"
                                class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                                aria-haspopup="true" aria-expanded="false">
                            节点<span class="caret" style="margin-left:0.5em"></span>
                        </button>
                        <ul class="dropdown-menu" id="knowledgeTypeList">
                            <li><a href="javascript:changeDropDownBtnValue('节点','knowledgeType',1)">节点</a></li>
                            <li><a href="javascript:changeDropDownBtnValue('母集','knowledgeType',2)">母集</a></li>
                            <li><a href="javascript:changeDropDownBtnValue('序列','knowledgeType',3)">序列</a></li>
                            <li><a href="javascript:changeDropDownBtnValue('有向图','knowledgeType',4)">有向图</a></li>
                        </ul>
                    </div>
                    <!-- /btn-group -->
                </div>
            </div>
        </div><!--end/.row-->
        <div>
            <h4>正面</h4>
            <textarea name="" id=""  style="resize: none">

            </textarea>
        </div>
    </div>

    <script type="text/javascript"
            src="websrc/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</body>
</html>